import React from 'react'
import { View } from '@tarojs/components'
import './ManagementCardPlaceholder.scss'

const RenderCard = () => (
  <View className="container skeleton-blink">
    <View className="name-container" />
    <View className="name-container" />
    <View className="content">
      <View className="column">
        <View className="row" />
        <View className="row" />
      </View>
      <View className="join_btn" />
    </View>
  </View>
)

const ManagementCardPlaceholder = ({ count }) => (
  <View>
    {[...Array(count)].map((item, index) => <RenderCard key={index} />)}
  </View>
)

export default ManagementCardPlaceholder
